import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  base: './',
  server: {
    host: '0.0.0.0',
    port: 5173
  },
  build: {
    outDir: 'dist',
    assetsDir: 'assets',  // 改回默认的 assets
    rollupOptions: {
      output: {
        entryFileNames: `assets/js/[name].js`,     // 在 assets 下创建 js 目录
        chunkFileNames: `assets/js/[name].js`,     // 在 assets 下创建 js 目录
        assetFileNames: (assetInfo) => {
          if (assetInfo.name && assetInfo.name.indexOf('.css') > -1) {
            return `assets/css/[name][extname]`    // 在 assets 下创建 css 目录
          }
          return `assets/[name][extname]`
        }
      }
    }
  }
})